<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <script>
    var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
      CSS.supports('top: constant(a)'))
    document.write(
      '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
      (coverSupport ? ', viewport-fit=cover' : '') + '" />')
  </script>
  <title></title>
  <!--preload-links-->
  <!--app-context-->
  <meta name="application-name" content="逆光代售">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="referrer" content="no-referrer" />
  <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://img.ng8866.com/public/ios-logo.png">
  <meta name="theme-color" content="#fff" />
  <link rel="manifest" href="https://img.ng8866.com/public/web-manifest.json">

</head>

<body>
  <div id="app"><!--app-html--></div>
  <script type="module" src="/src/main.ts"></script>
</body>
<style>
  @media screen and (min-width: 500px) {
    body {
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center !important;
    }

    #app {
      width: 375px;
      max-height: 100vh;
    }
  }
</style>

</html>